$(function () {
    // 点击切换页面
    $('.jump-register').click(function () {
        $('.login').hide().siblings('.register').show()
        // $('.register').show()
        $('.warning').hide()
    })
    $('.jump-login').click(function () {
        $('.login').show().siblings('.register').hide()
        // $('.register').hide()
        $('.warning').hide()
    })

    // 用户名失去焦点,弹出警告
    $('#loginUsername,#registerUsername').blur(function () {
        if ($(this).val() == '') {
            $('.warning-n').show()
        } else {
            $('.warning-n').hide()
        }
    })

    // 点击登录,提交ajax请求
    $('.btn-login').click(function (e) {
        e.preventDefault()
        // 获取表单内容,并直接使用
        let data = $('.form-login').serialize();
        $.ajax({
            type: 'POST',
            url: '/api/login',
            data: data,
            processData: false,
            ContentType: false,
            success: function (res) {
                console.log(res);
                if (res.status == 0) {
                    // 跳转页面
                    localStorage.setItem('token', res.token)
                    location.href = './index.html'
                } else {
                    $('.warning-p').html(res.message).show()
                }
            }
        })
    })

    // 注册密码失去焦点,自动判断长度
    $('#registerPassword,#loginPassword').blur(function () {
        if ($(this).val().length < 6 || $(this).val().length > 12) {
            $('.warning-p').show()
        } else {
            $('.warning-p').hide()
        }
    })
    // 判断第二次密码输入是否相同
    $('#registerPasswords').blur(function () {
        if ($(this).val() !== $('#registerPassword').val()) {
            $('.warning-ps').show()
        } else {
            $('.warning-ps').hide()
        }
    })

    //点击注册,提交ajax请求
    $('.btn-register').click(function (e) {
        e.preventDefault()
        // 获取表单内容,并直接使用
        let data = $('.form-register').serialize();
        $.ajax({
            type: 'POST',
            url: '/api/reguser',
            data: data,
            processData: false,
            ContentType: false,
            success: function (res) {
                $('.warning-n').html(res.message).show()
                // $('.warning-p').html(res.message).show()
                if (res.message == '注册成功') {
                    $('.login').show().siblings('.register').hide()
                    $('.form-register')[0].reset()
                }
            }
        })
    })

})